<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>发现</title>
    <link rel="shortcut icon" type="image/x-icon" href="img/yitiao-icon.png">
    <link rel="stylesheet" type="text/css" href="lib/bootstrap-3.3.7/dist/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="lib/font-awesome-4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="css/footer-bar.css">
    <link rel="stylesheet" href="css/find.css">
</head>
<body>
<section>
    <div class="row">
        <div class="col-xs-1"></div>
        <div class="col-xs-10">
            <form class="form-horizontal">
                <div class="form-group">
                    <input type="text" class="form-control" id="searchInput" placeholder="编辑精选">
                    <i class="fa fa-search search-icon"></i>
                </div>
            </form>
        </div>
        <div class="col-xs-1"></div>
    </div>
</section>
<section>
    <a href="templates/particulars.html">
        <div class="tag-container">
            <div class="row panel">
                <div class="col-xs-8 panel-bar">
                    <img src="img/follow/hp-sakuraGirl.jpeg" alt="..." class="img-circle user">
                    <span class="username">sakura</span>
                </div>
                <div class="col-xs-3 panel-bar follow-bar">
                    <span class="panel-follow">关注</span>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-12">
                    <p class="tag-title">
                        <strong>三十五度灰~</strong>
                    </p>
                    <p class="tag-text"></p>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-12 tag-img-container">
                    <img src="img/find/find-1.png" alt="..." class="img-rounded tag-img">
                </div>
            </div>
            <div class="row add-tag">
                <div class="col-xs-2">
                    <span class="fa fa-heart-o" aria-hidden="true">&nbsp;57</span>
                </div>
                <div class="col-xs-2">
                    <span class="fa fa-comment-o" aria-hidden="true">&nbsp;24</span>
                </div>
                <div class="col-xs-2">
                    <span class="fa fa-send-o" aria-hidden="true">&nbsp;32</span>
                </div>
            </div>
            <div class="row divider"></div>
        </div>
    </a>
    <div class="tag-container">
        <div class="row panel">
            <div class="col-xs-8 panel-bar">
                <img src="img/follow/hp-GirlInWhiteShirt.jpeg" alt="..." class="img-circle user">
                <span class="username">K</span>
            </div>
            <div class="col-xs-3 panel-bar follow-bar">
                <span class="panel-follow">关注</span>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12">
                <p class="tag-title">
                    <strong>我给自己造一个小院：坐北朝南，沐浴阳光。</strong>
                </p>
                <p class="tag-text">
                    我们中的很多人都是在院子里长大的，无论是豫北还是皖南，院子里都有我们不愿割舍的童年。
                </p>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12 tag-img-container">
                <img src="img/find/find-2.png" alt="..." class="img-rounded tag-img">
            </div>
        </div>
        <div class="row add-tag">
            <div class="col-xs-2">
                <span class="fa fa-heart-o" aria-hidden="true">&nbsp;27</span>
            </div>
            <div class="col-xs-2">
                <span class="fa fa-comment-o" aria-hidden="true">&nbsp;19</span>
            </div>
            <div class="col-xs-2">
                <span class="fa fa-send-o" aria-hidden="true">&nbsp;22</span>
            </div>
        </div>
        <div class="row divider"></div>
    </div>
</section>
<footer>
    <div id="footer-bar">
        <div class="item find active">
            <a href="./index.html" style="text-decoration: none">
                <span class="footer-title">发现</span>
            </a>
        </div>
        <div class="item follow">
            <a href="templates/follow.html" style="text-decoration: none">
                <span class="footer-title">关注</span>
            </a>
        </div>
        <div class="item release">
            <a href="templates/release.html" style="text-decoration: none">
                <img src="img/find/plus.png" alt="plus" class="plus">
            </a>
        </div>
        <div class="item information">
            <a href="templates/information.html" style="text-decoration: none">
                <span class="footer-title">消息</span>
            </a>
        </div>
        <div class="item home">
            <a href="templates/home.html" style="text-decoration: none">
                <span class="footer-title">我的</span>
            </a>
        </div>
    </div>
</footer>
</body>
<script src="lib/jquery/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="lib/bootstrap-3.3.7/dist/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/footer-bar.js"></script>
<script src="js/find.js"></script>
</html>